<!DOCTYPE html>
<!-- saved from url=(0071)http://www.egrappler.com/bootstrap-responsive-admin-template/index.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Dashboard - Bootstrap Admin Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<link href="http://www.egrappler.com/bootstrap-responsive-admin-template/css/bootstrap.min.css" rel="stylesheet">
<link href="http://www.egrappler.com/bootstrap-responsive-admin-template/css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet">
<link href="http://www.egrappler.com/bootstrap-responsive-admin-template/css/font-awesome.css" rel="stylesheet">
<link href="http://www.egrappler.com/bootstrap-responsive-admin-template/css/style.css" rel="stylesheet">
<link href="http://www.egrappler.com/bootstrap-responsive-admin-template/css/pages/dashboard.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<script id="twitter-wjs" src="http://platform.twitter.com/widgets.js"></script><script id="facebook-jssdk" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script type="text/javascript" async="" src="./Dashboard - Bootstrap Admin Template_files/bsa.js"></script><script type="text/javascript" id="_bsap_js_e568e38b6e539d34a8cc684e606393e3" src="./Dashboard - Bootstrap Admin Template_files/s_e568e38b6e539d34a8cc684e606393e3.js" async="async"></script><style type="text/css" id="bsa_css">div.bsap_1272538{width:100%;display:block}div.bsap_1272538 a{width:125px}div.bsap_1272538 a img{padding:0}div.bsap_1272538 a em{font-style:normal}div.bsap_1272538 a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 4px 10px 0;text-align:center;text-decoration:none;overflow:hidden;float:left;}div.bsap_1272538 img{border:0;clear:right;}div.bsap_1272538 a.adhere{color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;}div.bsap_1272538 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}div.bsap_1272538 a{line-height:100%}div.bsap_1272538 a.adhere{width:125px;height:125px;line-height:1000%}html>body div.bsap_1272538 a.adhere{width:123px;height:123px}div.bsap_1272538 img.s{height:0;width:0}</style></head>
<body data-post="http://www.egrappler.com/templatevamp-free-twitter-bootstrap-admin-template/"><style type="text/css">
	#ads-sidebar{
		margin-top: 50px;
		position: absolute;
		right: 0%;
		z-index: 999;
		background: #ccc;
		padding: 4px 0px 4px 4px;
		margin-right: 4px;
		border: solid 1px gray;}
		#c-ads{position: absolute;
		right: 0;
		top: 0px;
		cursor: pointer;
		color: #000;
		border: solid 1px black;
		width: 8px;
		height: 8px;
		display: block;
		line-height: 8px;
	}
	#ads-wrapper{
		position:absolute;
		right:0%;
		z-index:999;
	}
</style>
<div id="ads-wrapper">	
	<!-- BuySellAds.com Ad Code -->
	
	<!-- End BuySellAds.com Ad Code -->
	<!--Facebook JSDK Here-->
	<div id="fb-root"></div>
	
	<!--Facebook SJDK Ends-->	
	<div id="ads-sidebar"><span id="c-ads">x</span>
		<!-- BuySellAds.com Zone Code -->
		<div id="bsap_1272538" class="bsap_1272538 bsap"><a href="http://stats.buysellads.com/click.go?z=1272538&b=4528147&g=&s=&sw=1366&sh=768&br=chrome,33,win&r=0.45669629122130573&link=http://www.templatemonster.com/wordpress-themes.php?utm_source=egrappler&utm_medium=banner&utm_campaign=bsaseptember" onmouseover="window.status = &#39;http://www.templatemonster.com/wordpress-themes.php?utm_source=egrappler&amp;utm_medium=banner&amp;utm_campaign=bsaseptember&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;" class="ad1 odd" title="WordPress Themes (Free Customer Support)" id="bsa_4528147" target="_blank"><img src="./Dashboard - Bootstrap Admin Template_files/213936-1395397589.jpg" width="125" height="125" alt="WordPress Themes (Free Customer Support)"></a><a href="http://stats.buysellads.com/click.go?z=1272538&b=3880440&g=&s=&sw=1366&sh=768&br=chrome,33,win&r=0.7419401726219803&link=http://www.likno.com" onmouseover="window.status = &#39;http://www.likno.com&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;" class="ad2 even" title="Likno Visual Web Design Tools for menus, tooltips, tabs, accordions, modal windows, sliders, scrollers, buttons, trees and more." id="bsa_3880440" target="_blank"><img src="./Dashboard - Bootstrap Admin Template_files/161742-1363094371.gif" width="125" height="125" alt="Likno Visual Web Design Tools for menus, tooltips, tabs, accordions, modal windows, sliders, scrollers, buttons, trees and more."></a><a href="http://stats.buysellads.com/click.go?z=1272538&b=4286623&g=&s=&sw=1366&sh=768&br=chrome,33,win&r=0.9625416903290898&link=https://accounts.hostcolor.com/aff.php?aff=147" onmouseover="window.status = &#39;https://accounts.hostcolor.com/aff.php?aff=147&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;" class="ad3 odd" title="web hosting - hostcolor.com" id="bsa_4286623" target="_blank"><img src="./Dashboard - Bootstrap Admin Template_files/201797-1387385465.gif" width="125" height="125" alt="web hosting - hostcolor.com"></a><a href="http://buysellads.com/buy/detail/131256/zone/1272538?utm_source=site_131256&utm_medium=website&utm_campaign=adhere&utm_content=zone_1272538" title="Advertise Here" class="adhere ad4 even" target="_blank">Advertise Here</a></div>
		<!-- End BuySellAds.com Zone Code -->	
		<div style="margin-top:5px">
			<!--Facebook Like Plugin-->
			<div data-href="http://www.facebook.com/pages/EGrappler/344326175587989" class="fb-like" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false"></div>
			<!--End Facebook Like Plugin-->		
		</div>
		<div style="margin-top:5px;">
		<!--Twitter Follow Button-->
		<a href="https://twitter.com/egrappler" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @egrappler</a>
		
		<!--End Twitter Follow Button-->
		</div>
	</div>
</div> <link type="text/css" rel="stylesheet" href="./Dashboard - Bootstrap Admin Template_files/top-bar.css">
    <div id="header-menu-wrap">
        <div id="header-menu">
            <div id="header-menu-items">
                <span class="menu-item-fake"></span><a class="menu-item active" href="http://www.egrappler.com/">
                    <span class="mi-wrap"><span class="home-icon"></span></span></a>
                <div class="menu-item">
                    <!--<a href="" class="mi-mobile-a"></a>-->
                    <span class="mi-wrap"><span class="lists-icon"></span><span class="hmi-label">CATEGORIES</span>
                    </span>
                    <div class="submenu-item">
                        <div class="submenu-content">
                            <span class="submenu-hit-area"></span>
                            <canvas class="submenu-triangle" width="20" height="11">
                            </canvas>
                            <ul class="drop-menu-list">
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/category/graphics/" title="View all posts in Grahpics">Graphics</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/category/javascript/" title="View all posts in Javascript">Javascript</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/category/navigation/" title="View all posts in Navigation">Navigation</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/category/plugins/" title="View all posts in Plugins">Plugins</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/category/scripts-applications/" title="View all posts in Scripts &amp; Applications">Scripts
                                    &amp; Applications</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/category/template/" title="View all posts in HTML Templates">Html Web Templates</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/category/tools-widgets/" title="View all posts in Tools &amp; Widgets">Tools &amp; Widgets</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/category/ui/" title="View all posts in User Interface Componenets">User Interface Components</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/category/news/" title="View all posts in Web Design &amp; Development News">Web
                                    Design &amp; Development News</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/category/wordpress-themes/" title="View all posts in WordPress Themes">WordPress Themes</a></li>
                            </ul>
                        </div>
                        <!--submenu-content -->
                    </div>
                </div>
                <div class="menu-item">
                    <span class="mi-wrap"><span class="tags-icon"></span><span class="hmi-label">HOT TAGS</span>
                    </span>
                    <div class="submenu-item">
                        <div class="submenu-content">
                            <span class="submenu-hit-area"></span>
                            <canvas class="submenu-triangle" width="20" height="11">
                            </canvas>
                            <ul class="drop-menu-list">
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/tag/css/" title="View all posts in CSS">CSS</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/tag/jquery/" title="View all posts in jQuery">jQuery</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/tag/html/" title="View all posts in HTML">HTML</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/tag/javascript/" title="View all posts in Javascript">Javascript</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/tag/psd/" title="View all posts in PSD">PSD</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/tag/php/" title="View all posts in PHP">PHP</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/tag/html5/" title="View all posts in HTML5">HTML5</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/tag/css3/" title="View all posts in CSS3">CSS3</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/tag/responsive/" title="View all posts in Responsive">Responsive</a></li>
                                <li><a class="parent-category-lnk" href="http://www.egrappler.com/tag/wordpress/" title="View all posts in WordPress">WordPress</a></li>
                            </ul>
                        </div>
                        <!-- submenu-content -->
                    </div>
                </div>
                <a class="menu-item" href="http://www.egrappler.com/category/freebies"><span class="mi-wrap">
                    <span class="freebies-icon"></span><span class="hmi-label">FREEBIES</span> </span>
                </a><a class="menu-item" href="http://www.egrappler.com/category/template"><span class="mi-wrap"><span class="templates-icon"></span><span class="hmi-label">Templates</span>
                </span></a><a class="menu-item" href="http://themeforest.net/user/esarfraz/portfolio/?ref=esarfraz" target="_blank">
                    <span class="mi-wrap"><span class="templates-icon"></span><span class="hmi-label">Premium
                        Templates</span> </span></a><a class="menu-item" href="http://www.egrappler.com/templatevamp-free-twitter-bootstrap-admin-template/" id="back-to-post"><span class="mi-wrap"><span class="templates-icon"></span><span class="hmi-label">Back to Post</span>
                        </span></a><span class="menu-item-fake"></span>
				<div id="search-box">
                    <form action="http://www.egrappler.com/" id="searchform">
                    <div id="fastsearch-wrap">
                        <input accesskey="s" type="text" class="inactive" onfocus="if(this.value == &#39;Search...&#39;) this.value = &#39;&#39;;" onblur="if(this.value==&#39;&#39;) this.value=&#39;Search...&#39;;" name="s" id="fastsearch" onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }" value="Search..." autocomplete="off">
                    </div>
                    <span class="mobile-btn-bg"></span><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#" id="search-btn-link" data-icon="n" style="display: block;"></a><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#" id="search-close-link" data-icon="m" style="display: none;">
                        </a>
                    </form>
                </div>
                <div class="bar-social-links">
                    <ul class="sociallinks" style="margin-top: 10px;">
                        <li><a href="http://www.twitter.com/egrappler" class="twitter" title="Twitter" target="_blank">
                            Twitter</a></li>
                        <li><a href="http://www.facebook.com/pages/EGrappler/344326175587989" class="facebook" title="Facebook" target="_blank">Facebook</a></li>
                        <li><a href="http://www.pinterest.com/mshahbazsaleem" class="pinterest" title="Pinterest" target="_blank">Pinterest</a></li>
                        <li><a href="http://feeds.feedburner.com/egrappler" class="rss" title="RSS Feed" target="_blank">
                            RSS Feed</a></li>
                    </ul>
                </div>
                <!-- header-menu-items -->
             
            </div>
        </div>
    </div>
<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </a><a class="brand" href="./Dashboard - Bootstrap Admin Template_files/Dashboard - Bootstrap Admin Template.htm">Bootstrap Admin Template </a>
      <div class="nav-collapse">
        <ul class="nav pull-right">
          <li class="dropdown"><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cog"></i> Account <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="javascript:;">Settings</a></li>
              <li><a href="javascript:;">Help</a></li>
            </ul>
          </li>
          <li class="dropdown"><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user"></i> EGrappler.com <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="javascript:;">Profile</a></li>
              <li><a href="javascript:;">Logout</a></li>
            </ul>
          </li>
        </ul>
        <form class="navbar-search pull-right">
          <input type="text" class="search-query" placeholder="Search">
        </form>
      </div>
      <!--/.nav-collapse --> 
    </div>
    <!-- /container --> 
  </div>
  <!-- /navbar-inner --> 
</div>
<!-- /navbar -->
<div class="subnavbar">
  <div class="subnavbar-inner">
    <div class="container">
      <ul class="mainnav">
        <li class="active"><a href="./Dashboard - Bootstrap Admin Template_files/Dashboard - Bootstrap Admin Template.htm"><i class="icon-dashboard"></i><span>Dashboard</span> </a> </li>
        <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/reports.html"><i class="icon-list-alt"></i><span>Reports</span> </a> </li>
        <li class="subnavbar-open-right"><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/guidely.html"><i class="icon-facetime-video"></i><span>App Tour</span> </a></li>
        <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/charts.html"><i class="icon-bar-chart"></i><span>Charts</span> </a> </li>
        <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/shortcodes.html"><i class="icon-code"></i><span>Shortcodes</span> </a> </li>
        <li class="dropdown subnavbar-open-right"><a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> <i class="icon-long-arrow-down"></i><span>Drops</span> <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/icons.html">Icons</a></li>
            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/faq.html">FAQ</a></li>
            <li class="subnavbar-open-right"><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/pricing.html">Pricing Plans</a></li>
            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/login.html">Login</a></li>
            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/signup.html">Signup</a></li>
            <li class="subnavbar-open-right"><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/error.html">404</a></li>
          </ul>
        </li>
      </ul>
    </div>
    <!-- /container --> 
  </div>
  <!-- /subnavbar-inner --> 
</div>
<!-- /subnavbar -->
<div class="main">
  <div class="main-inner">
    <div class="container">
      <div class="row">
        <div class="span6">
          <div class="widget widget-nopad">
            <div class="widget-header"> <i class="icon-list-alt"></i>
              <h3> Today's Stats</h3>
            </div>
            <!-- /widget-header -->
            <div class="widget-content">
              <div class="widget big-stats-container">
                <div class="widget-content">
                  <h6 class="bigstats">A fully responsive premium quality admin template built on Twitter Bootstrap by <a href="http://www.egrappler.com/" target="_blank">EGrappler.com</a>.  These are some dummy lines to fill the area.</h6>
                  <div id="big_stats" class="cf">
                    <div class="stat"> <i class="icon-anchor"></i> <span class="value">851</span> </div>
                    <!-- .stat -->
                    
                    <div class="stat"> <i class="icon-thumbs-up-alt"></i> <span class="value">423</span> </div>
                    <!-- .stat -->
                    
                    <div class="stat"> <i class="icon-twitter-sign"></i> <span class="value">922</span> </div>
                    <!-- .stat -->
                    
                    <div class="stat"> <i class="icon-bullhorn"></i> <span class="value">25%</span> </div>
                    <!-- .stat --> 
                  </div>
                </div>
                <!-- /widget-content --> 
                
              </div>
            </div>
          </div>
          <!-- /widget -->
          <div class="widget widget-nopad">
            <div class="widget-header"> <i class="icon-list-alt"></i>
              <h3> Recent News</h3>
            </div>
            <!-- /widget-header -->
            <div class="widget-content">
              <div id="calendar">
              </div>
            </div>
            <!-- /widget-content --> 
          </div>
          <!-- /widget -->
          <div class="widget">
            <div class="widget-header"> <i class="icon-file"></i>
              <h3> Content</h3>
            </div>
            <!-- /widget-header -->
            <div class="widget-content">
              <ul class="messages_layout">
                <li class="from_user left"> <a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#" class="avatar"><img src="./Dashboard - Bootstrap Admin Template_files/message_avatar1.png"></a>
                  <div class="message_wrap"> <span class="arrow"></span>
                    <div class="info"> <a class="name">John Smith</a> <span class="time">1 hour ago</span>
                      <div class="options_arrow">
                        <div class="dropdown pull-right"> <a class="dropdown-toggle " id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"> <i class=" icon-caret-down"></i> </a>
                          <ul class="dropdown-menu " role="menu" aria-labelledby="dLabel">
                            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"><i class=" icon-share-alt icon-large"></i> Reply</a></li>
                            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"><i class=" icon-trash icon-large"></i> Delete</a></li>
                            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"><i class=" icon-share icon-large"></i> Share</a></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <div class="text"> As an interesting side note, as a head without a body, I envy the dead. There's one way and only one way to determine if an animal is intelligent. Dissect its brain! Man, I'm sore all over. I feel like I just went ten rounds with mighty Thor. </div>
                  </div>
                </li>
                <li class="by_myself right"> <a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#" class="avatar"><img src="./Dashboard - Bootstrap Admin Template_files/message_avatar2.png"></a>
                  <div class="message_wrap"> <span class="arrow"></span>
                    <div class="info"> <a class="name">Bender (myself) </a> <span class="time">4 hours ago</span>
                      <div class="options_arrow">
                        <div class="dropdown pull-right"> <a class="dropdown-toggle " id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"> <i class=" icon-caret-down"></i> </a>
                          <ul class="dropdown-menu " role="menu" aria-labelledby="dLabel">
                            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"><i class=" icon-share-alt icon-large"></i> Reply</a></li>
                            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"><i class=" icon-trash icon-large"></i> Delete</a></li>
                            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"><i class=" icon-share icon-large"></i> Share</a></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <div class="text"> All I want is to be a monkey of moderate intelligence who wears a suit… that's why I'm transferring to business school! I had more, but you go ahead. Man, I'm sore all over. I feel like I just went ten rounds with mighty Thor. File not found. </div>
                  </div>
                </li>
                <li class="from_user left"> <a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#" class="avatar"><img src="./Dashboard - Bootstrap Admin Template_files/message_avatar1.png"></a>
                  <div class="message_wrap"> <span class="arrow"></span>
                    <div class="info"> <a class="name">Celeste Holm </a> <span class="time">1 Day ago</span>
                      <div class="options_arrow">
                        <div class="dropdown pull-right"> <a class="dropdown-toggle " id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"> <i class=" icon-caret-down"></i> </a>
                          <ul class="dropdown-menu " role="menu" aria-labelledby="dLabel">
                            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"><i class=" icon-share-alt icon-large"></i> Reply</a></li>
                            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"><i class=" icon-trash icon-large"></i> Delete</a></li>
                            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"><i class=" icon-share icon-large"></i> Share</a></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <div class="text"> And I'd do it again! And perhaps a third time! But that would be it. Are you crazy? I can't swallow that. And I'm his friend Jesus. No, I'm Santa Claus! And from now on you're all named Bender Jr. </div>
                  </div>
                </li>
                <li class="from_user left"> <a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#" class="avatar"><img src="./Dashboard - Bootstrap Admin Template_files/message_avatar2.png"></a>
                  <div class="message_wrap"> <span class="arrow"></span>
                    <div class="info"> <a class="name">Mark Jobs </a> <span class="time">2 Days ago</span>
                      <div class="options_arrow">
                        <div class="dropdown pull-right"> <a class="dropdown-toggle " id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"> <i class=" icon-caret-down"></i> </a>
                          <ul class="dropdown-menu " role="menu" aria-labelledby="dLabel">
                            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"><i class=" icon-share-alt icon-large"></i> Reply</a></li>
                            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"><i class=" icon-trash icon-large"></i> Delete</a></li>
                            <li><a href="http://www.egrappler.com/bootstrap-responsive-admin-template/index.html#"><i class=" icon-share icon-large"></i> Share</a></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <div class="text"> That's the ONLY thing about being a slave. Now, now. Perfectly symmetrical violence never solved anything. Uh, is the puppy mechanical in any way? As an interesting side note, as a head without a body, I envy the dead. </div>
                  </div>
                </li>
              </ul>
            </div>
            <!-- /widget-content --> 
          </div>
          <!-- /widget --> 
        </div>
        <!-- /span6 -->
        <div class="span6">
          <div class="widget">
            <div class="widget-header"> <i class="icon-bookmark"></i>
              <h3>Important Shortcuts</h3>
            </div>
            <!-- /widget-header -->
            <div class="widget-content">
              <div class="shortcuts"> <a href="javascript:;" class="shortcut"><i class="shortcut-icon icon-list-alt"></i><span class="shortcut-label">Apps</span> </a><a href="javascript:;" class="shortcut"><i class="shortcut-icon icon-bookmark"></i><span class="shortcut-label">Bookmarks</span> </a><a href="javascript:;" class="shortcut"><i class="shortcut-icon icon-signal"></i> <span class="shortcut-label">Reports</span> </a><a href="javascript:;" class="shortcut"> <i class="shortcut-icon icon-comment"></i><span class="shortcut-label">Comments</span> </a><a href="javascript:;" class="shortcut"><i class="shortcut-icon icon-user"></i><span class="shortcut-label">Users</span> </a><a href="javascript:;" class="shortcut"><i class="shortcut-icon icon-file"></i><span class="shortcut-label">Notes</span> </a><a href="javascript:;" class="shortcut"><i class="shortcut-icon icon-picture"></i> <span class="shortcut-label">Photos</span> </a><a href="javascript:;" class="shortcut"> <i class="shortcut-icon icon-tag"></i><span class="shortcut-label">Tags</span> </a> </div>
              <!-- /shortcuts --> 
            </div>
            <!-- /widget-content --> 
          </div>
          <!-- /widget -->
          <div class="widget">
            <div class="widget-header"> <i class="icon-signal"></i>
              <h3> Area Chart Example</h3>
            </div>
            <!-- /widget-header -->
            <div class="widget-content">
              <canvas id="area-chart" class="chart-holder" height="250" width="538" style="width: 538px; height: 250px;"> </canvas>
              <!-- /area-chart --> 
            </div>
            <!-- /widget-content --> 
          </div>
          <!-- /widget -->
          <div class="widget widget-table action-table">
            <div class="widget-header"> <i class="icon-th-list"></i>
              <h3>A Table Example</h3>
            </div>
            <!-- /widget-header -->
            <div class="widget-content">
              <table class="table table-striped table-bordered">
                <thead>
                  <tr>
                    <th> Free Resource </th>
                    <th> Download</th>
                    <th class="td-actions"> </th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td> Fresh Web Development Resources </td>
                    <td> http://www.egrappler.com/ </td>
                    <td class="td-actions"><a href="javascript:;" class="btn btn-small btn-success"><i class="btn-icon-only icon-ok"> </i></a><a href="javascript:;" class="btn btn-danger btn-small"><i class="btn-icon-only icon-remove"> </i></a></td>
                  </tr>
                  <tr>
                    <td> Fresh Web Development Resources </td>
                    <td> http://www.egrappler.com/ </td>
                    <td class="td-actions"><a href="javascript:;" class="btn btn-small btn-success"><i class="btn-icon-only icon-ok"> </i></a><a href="javascript:;" class="btn btn-danger btn-small"><i class="btn-icon-only icon-remove"> </i></a></td>
                  </tr>
                  <tr>
                    <td> Fresh Web Development Resources </td>
                    <td> http://www.egrappler.com/ </td>
                    <td class="td-actions"><a href="javascript:;" class="btn btn-small btn-success"><i class="btn-icon-only icon-ok"> </i></a><a href="javascript:;" class="btn btn-danger btn-small"><i class="btn-icon-only icon-remove"> </i></a></td>
                  </tr>
                  <tr>
                    <td> Fresh Web Development Resources </td>
                    <td> http://www.egrappler.com/ </td>
                    <td class="td-actions"><a href="javascript:;" class="btn btn-small btn-success"><i class="btn-icon-only icon-ok"> </i></a><a href="javascript:;" class="btn btn-danger btn-small"><i class="btn-icon-only icon-remove"> </i></a></td>
                  </tr>
                  <tr>
                    <td> Fresh Web Development Resources </td>
                    <td> http://www.egrappler.com/ </td>
                    <td class="td-actions"><a href="javascript:;" class="btn btn-small btn-success"><i class="btn-icon-only icon-ok"> </i></a><a href="javascript:;" class="btn btn-danger btn-small"><i class="btn-icon-only icon-remove"> </i></a></td>
                  </tr>
                
                </tbody>
              </table>
            </div>
            <!-- /widget-content --> 
          </div>
          <!-- /widget --> 
          <div class="widget widget-nopad">
            <div class="widget-header"> <i class="icon-list-alt"></i>
              <h3> Recent News</h3>
            </div>
            <!-- /widget-header -->
            <div class="widget-content">
              <ul class="news-items">
                <li>
                  
                  <div class="news-item-date"> <span class="news-item-day">29</span> <span class="news-item-month">Aug</span> </div>
                  <div class="news-item-detail"> <a href="http://www.egrappler.com/thursday-roundup-40/" class="news-item-title" target="_blank">Thursday Roundup # 40</a>
                    <p class="news-item-preview"> This is our web design and development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies. </p>
                  </div>
                  
                </li>
                <li>
                  
                  <div class="news-item-date"> <span class="news-item-day">15</span> <span class="news-item-month">Jun</span> </div>
                  <div class="news-item-detail"> <a href="http://www.egrappler.com/retina-ready-responsive-app-landing-page-website-template-app-landing/" class="news-item-title" target="_blank">Retina Ready Responsive App Landing Page Website Template – App Landing</a>
                    <p class="news-item-preview"> App Landing is a retina ready responsive app landing page website template perfect for software and application developers and small business owners looking to promote their iPhone, iPad, Android Apps and software products.</p>
                  </div>
                  
                </li>
                <li>
                  
                  <div class="news-item-date"> <span class="news-item-day">29</span> <span class="news-item-month">Oct</span> </div>
                  <div class="news-item-detail"> <a href="http://www.egrappler.com/open-source-jquery-php-ajax-contact-form-templates-with-captcha-formify/" class="news-item-title" target="_blank">Open Source jQuery PHP Ajax Contact Form Templates With Captcha: Formify</a>
                    <p class="news-item-preview"> Formify is a contribution to lessen the pain of creating contact forms. The collection contains six different forms that are commonly used. These open source contact forms can be customized as well to suit the need for your website/application.</p>
                  </div>
                  
                </li>
              </ul>
            </div>
            <!-- /widget-content --> 
          </div>
          <!-- /widget -->
        </div>
        <!-- /span6 --> 
      </div>
      <!-- /row --> 
    </div>
    <!-- /container --> 
  </div>
  <!-- /main-inner --> 
</div>
<!-- /main -->
<div class="extra">
  <div class="extra-inner">
    <div class="container">
      <div class="row">
                    <div class="span3">
                        <h4>
                            About Free Admin Template</h4>
                        <ul>
                            <li><a href="javascript:;">EGrappler.com</a></li>
                            <li><a href="javascript:;">Web Development Resources</a></li>
                            <li><a href="javascript:;">Responsive HTML5 Portfolio Templates</a></li>
                            <li><a href="javascript:;">Free Resources and Scripts</a></li>
                        </ul>
                    </div>
                    <!-- /span3 -->
                    <div class="span3">
                        <h4>
                            Support</h4>
                        <ul>
                            <li><a href="javascript:;">Frequently Asked Questions</a></li>
                            <li><a href="javascript:;">Ask a Question</a></li>
                            <li><a href="javascript:;">Video Tutorial</a></li>
                            <li><a href="javascript:;">Feedback</a></li>
                        </ul>
                    </div>
                    <!-- /span3 -->
                    <div class="span3">
                        <h4>
                            Something Legal</h4>
                        <ul>
                            <li><a href="javascript:;">Read License</a></li>
                            <li><a href="javascript:;">Terms of Use</a></li>
                            <li><a href="javascript:;">Privacy Policy</a></li>
                        </ul>
                    </div>
                    <!-- /span3 -->
                    <div class="span3">
                        <h4>
                            Open Source jQuery Plugins</h4>
                        <ul>
                            <li><a href="http://www.egrappler.com/">Open Source jQuery Plugins</a></li>
                            <li><a href="http://www.egrappler.com%3B/">HTML5 Responsive Tempaltes</a></li>
                            <li><a href="http://www.egrappler.com%3B/">Free Contact Form Plugin</a></li>
                            <li><a href="http://www.egrappler.com%3B/">Flat UI PSD</a></li>
                        </ul>
                    </div>
                    <!-- /span3 -->
                </div>
      <!-- /row --> 
    </div>
    <!-- /container --> 
  </div>
  <!-- /extra-inner --> 
</div>
<!-- /extra -->
<div class="footer">
  <div class="footer-inner">
    <div class="container">
      <div class="row">
        <div class="span12"> © 2013 <a href="http://www.egrappler.com/">Bootstrap Responsive Admin Template</a>. </div>
        <!-- /span12 --> 
      </div>
      <!-- /row --> 
    </div>
    <!-- /container --> 
  </div>
  <!-- /footer-inner --> 
</div>
<!-- /footer --> 
<!-- Le javascript
================================================== --> 
<!-- Placed at the end of the document so the pages load faster --> 
<script src="./Dashboard - Bootstrap Admin Template_files/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="./Dashboard - Bootstrap Admin Template_files/top-bar.js"></script>
<script type="text/javascript" src="./Dashboard - Bootstrap Admin Template_files/bsa-ads.js"></script>
<script src="./Dashboard - Bootstrap Admin Template_files/excanvas.min.js"></script> 
<script src="./Dashboard - Bootstrap Admin Template_files/chart.min.js" type="text/javascript"></script> 
<script src="./Dashboard - Bootstrap Admin Template_files/bootstrap.js"></script>
<script language="javascript" type="text/javascript" src="./Dashboard - Bootstrap Admin Template_files/fullcalendar.min.js"></script>
 
<script src="./Dashboard - Bootstrap Admin Template_files/base.js"></script> 
<script>     

        var lineChartData = {
            labels: ["January", "February", "March", "April", "May", "June", "July"],
            datasets: [
				{
				    fillColor: "rgba(220,220,220,0.5)",
				    strokeColor: "rgba(220,220,220,1)",
				    pointColor: "rgba(220,220,220,1)",
				    pointStrokeColor: "#fff",
				    data: [65, 59, 90, 81, 56, 55, 40]
				},
				{
				    fillColor: "rgba(151,187,205,0.5)",
				    strokeColor: "rgba(151,187,205,1)",
				    pointColor: "rgba(151,187,205,1)",
				    pointStrokeColor: "#fff",
				    data: [28, 48, 40, 19, 96, 27, 100]
				}
			]

        }

        var myLine = new Chart(document.getElementById("area-chart").getContext("2d")).Line(lineChartData);


        var barChartData = {
            labels: ["January", "February", "March", "April", "May", "June", "July"],
            datasets: [
				{
				    fillColor: "rgba(220,220,220,0.5)",
				    strokeColor: "rgba(220,220,220,1)",
				    data: [65, 59, 90, 81, 56, 55, 40]
				},
				{
				    fillColor: "rgba(151,187,205,0.5)",
				    strokeColor: "rgba(151,187,205,1)",
				    data: [28, 48, 40, 19, 96, 27, 100]
				}
			]

        }    

        $(document).ready(function() {
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();
        var calendar = $('#calendar').fullCalendar({
          header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
          },
          selectable: true,
          selectHelper: true,
          select: function(start, end, allDay) {
            var title = prompt('Event Title:');
            if (title) {
              calendar.fullCalendar('renderEvent',
                {
                  title: title,
                  start: start,
                  end: end,
                  allDay: allDay
                },
                true // make the event "stick"
              );
            }
            calendar.fullCalendar('unselect');
          },
          editable: true,
          events: [
            {
              title: 'All Day Event',
              start: new Date(y, m, 1)
            },
            {
              title: 'Long Event',
              start: new Date(y, m, d+5),
              end: new Date(y, m, d+7)
            },
            {
              id: 999,
              title: 'Repeating Event',
              start: new Date(y, m, d-3, 16, 0),
              allDay: false
            },
            {
              id: 999,
              title: 'Repeating Event',
              start: new Date(y, m, d+4, 16, 0),
              allDay: false
            },
            {
              title: 'Meeting',
              start: new Date(y, m, d, 10, 30),
              allDay: false
            },
            {
              title: 'Lunch',
              start: new Date(y, m, d, 12, 0),
              end: new Date(y, m, d, 14, 0),
              allDay: false
            },
            {
              title: 'Birthday Party',
              start: new Date(y, m, d+1, 19, 0),
              end: new Date(y, m, d+1, 22, 30),
              allDay: false
            },
            {
              title: 'EGrappler.com',
              start: new Date(y, m, 28),
              end: new Date(y, m, 29),
              url: 'http://EGrappler.com/'
            }
          ]
        });
      });
    </script><!-- /Calendar -->
<!--Dynamically creates analytics markup-->
	


</body></html>